<script src="https://unpkg.com/vue"></script>


<script>
  var data = {
    a: 1
  }
  var vm = new Vue({
    data: data
  })
  console.log('vm.a === data.a', vm.a === data.a) // -> true
  // 设置属性也会影响到原始数据
  console.log('vm.a = 2', vm.a = 2)
  console.log('data.a', data.a) // -> 2
  // ... 反之亦然
  console.log('data.a = 3', data.a = 3)
  console.log('vm.a', vm.a) // -> 3

  console.log('vm.$data === data', vm.$data === data) // -> true
  console.log('vm.$el === document.getElementById(\'example\')', vm.$el === document.getElementById('example')) // -> true
  // $watch 是一个实例方法
  vm.$watch('a', function (newVal, oldVal) {
    // 这个回调将在 `vm.a`  改变后调用
    console.log('newVal', newVal, 'oldVal', oldVal)
  })

</script>
